<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <link rel="icon"  type="image/x-icon" href="/static/icon.jpg">
    <link rel="stylesheet" type="text/css" href="/static/css/note-css.css">
    <title>发送历史</title>
</head>
<body>
    <div class="nova-note-nav">
        <div>
            {{ user.name }}
        </div>
        <div>
            <a href="/note/material/list">
                素材列表
            </a>
        </div>
        <div>
            <a href="/note/history">
                发送历史
            </a>
        </div>

    </div>
    <div class="nova-note-index-title">信息统计</div>
    <div class="nova-note-content">

          <div class="nova-note-list">
             <div>
            已发送的消息列表
        </div>
        <input id="searchMessageList" placeholder="输入筛选条件">
            <ul id="noteSelectList">
                {%  for  item in content["note_list"]%}
                <li data-target = {{ item['note_id'] }}>{{ item['title'] }} </li>
               {% endfor %}
            </ul>
        </div>
        {% for item in content["note_list"] %}
        <div class="nova-note-info" id="{{ item['note_id'] }}">
            <div class="nova-note-basic-info">
                    <div >
                        基本信息
                    </div>
                    <div class="nova-note-content-preview">
                           <header>
                                <a target="_blank" href="javascript:void(0);">{{ item['material_title'] | safe }}</a>
                            </header>

                            <article>
                                {{ item["content"] | safe }}
                            </article>
                    </div>
                    <div class="nova-note-content-basic">
                        <div>
                            属性
                        </div>
                        <ul>
                            <li> 发送人员：{{ item['publish_person']['name'] }}</li>
                            <li>发送时间：{{ item['send_time'] }}</li>
                            <li>消息类型：{{ item['note_sort'] }}</li>
                             <li>审核状况：{{ item['is_passed'] }}</li>
                            <li>完成推送：{{ item['is_pushed'] }}</li>
                            <li>已读人数：{{ item['read_person_count'] }}</li>

                            <li>得赞统计：{{ item['good_count'] }}</li>
                            <li>送达状况：{{ item['received_count'] }}/ {{ item['should_count'] }}(送达人数/总人数) </li>

                        </ul>
                    </div>
            </div>
            <div class="nova-note-statics-info">
                <div >
                        阅读统计
                    </div>
                    <div class="nova-note-choice-bar">
                        <div class="nova-note-items-choice">
                        类别
                        <ul class="nova-menu-bar">

                    <li class="item-active">阅读人数</li><li>阅读次数</li><li>阅读时间</li><li>阅读位置</li>
                     </ul>

                        </div>
                    </div>
                    <div class="nova-note-choice-bar">
                        <div class="nova-note-items-choice">
                        展示方式
                        <ul class="nova-menu-bar">

                    <li class="item-active">饼图</li><li>柱状图</li><li>折线图</li>
                     </ul>

                        </div>
                    </div>

            </div>
        </div>
        {% endfor %}
    </div>



<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/note/note-history.js"></script>
</body>
</html>